<template>
  <div class="jixukan">
    <div>继续看</div>
    <div>
      <div v-for="item in 3" :key="item.id">
        <div>time</div>
        <div>
          <img src="@/icon/testData.jpg" alt="" />
        </div>
        <div>name</div>
        <div>章节</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>


<style lang="less" scoped>
.jixukan {
  color: @color4;
  font-size: 14rem;
  text-align: left;
  margin-left: 25rem;
  > div:nth-child(1) {
    font-size: 18rem;
    margin-top: 20rem;
  }
  > div:nth-child(2) {
    display: flex;
    overflow: scroll;

    > div {
         margin-right: 20rem;
      > div:nth-child(1) {
        position: relative;
        left: 15rem;
        top: 30rem;
      }
      > div:nth-child(2) {
        img {
          width: 250rem;
          height: 130rem;
          border-radius: 10rem;
        }
      }
      > div:nth-child(3) {
        margin-top: 10rem;
      }
      > div:nth-child(4) {
        color: @color;
        margin-top: 8rem;
      }
    }
  }
  > div:nth-child(2)::-webkit-scrollbar{
    display: none;
  } 
}
</style>